<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文本对齐方式证明属性(text align mode justify attribute)</title>
  <!-- 
  text-align: justify; 是CSS属性，用于设置(主要是英文文本)文本的两端对齐方式，即让文本在元素内水平方向上同时对齐左右两侧。 text-align: justify; 属性的总结： 
    1.  text-align: justify; ：文本两端对齐，会在每行末尾自动调整单词和字母的间距，使得每行的文本在左右两端对齐。 
    
    通过使用 text-align: justify; 属性，可以实现文本的两端对齐效果，使文本在页面中呈现出更加整齐和美观的排版效果。
  -->
  <style>
    .text-align-justify {
      width: 200px;
      background-color: aquamarine;
      color: black;

      text-align: justify;
      text-align-last: justify;
    }
  </style>
</head>
<body>

  <div class="text-align-justify">
    This CSS module defines properties for text manipulation and specifies their processing model. It covers line breaking, justification and alignment, white space handling, and text transformation. why
  </div>

  <div class="text-align-justify">
    text-align: justify; 是CSS属性，用于设置(主要是英文文本)文本的两端对齐方式，即让文本在元素内水平方向上同时对齐左右两侧。以下是关于 text-align: justify; 属性的总结： 
    1.  text-align: justify; ：文本两端对齐，会在每行末尾自动调整单词和字母的间距，使得每行的文本在左右两端对齐。 
    
    通过使用 text-align: justify; 属性，可以实现文本的两端对齐效果，使文本在页面中呈现出更加整齐和美观的排版效果。
  </div>
  
</body>
</html>